<template>
  <svg
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    viewBox="0 0 100 100"
    preserveAspectRatio="xMidYMid"
  >
    <g transform="translate(20 50)">
      <circle cx="0" cy="0" r="6" fill="#3be8b0">
        <animateTransform
          attributeName="transform"
          type="scale"
          begin="-0.528169014084507s"
          calcMode="spline"
          keySplines="0.3 0 0.7 1;0.3 0 0.7 1"
          values="0;1;0"
          keyTimes="0;0.5;1"
          dur="1.408450704225352s"
          repeatCount="indefinite"
        />
      </circle>
    </g>
    <g transform="translate(40 50)">
      <circle cx="0" cy="0" r="6" fill="#1aafd0">
        <animateTransform
          attributeName="transform"
          type="scale"
          begin="-0.352112676056338s"
          calcMode="spline"
          keySplines="0.3 0 0.7 1;0.3 0 0.7 1"
          values="0;1;0"
          keyTimes="0;0.5;1"
          dur="1.408450704225352s"
          repeatCount="indefinite"
        />
      </circle>
    </g>
    <g transform="translate(60 50)">
      <circle cx="0" cy="0" r="6" fill="#6a67ce">
        <animateTransform
          attributeName="transform"
          type="scale"
          begin="-0.176056338028169s"
          calcMode="spline"
          keySplines="0.3 0 0.7 1;0.3 0 0.7 1"
          values="0;1;0"
          keyTimes="0;0.5;1"
          dur="1.408450704225352s"
          repeatCount="indefinite"
        />
      </circle>
    </g>
    <g transform="translate(80 50)">
      <circle cx="0" cy="0" r="6" fill="#ffb900">
        <animateTransform
          attributeName="transform"
          type="scale"
          begin="0s"
          calcMode="spline"
          keySplines="0.3 0 0.7 1;0.3 0 0.7 1"
          values="0;1;0"
          keyTimes="0;0.5;1"
          dur="1.408450704225352s"
          repeatCount="indefinite"
        />
      </circle>
    </g>
  </svg>
</template>

<script>
export default {
  name: "loading09"
}
</script>
